﻿.filter-item {
    min-width: 220px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

.filter-icon .filter-item {
    display: none;
}

.filter-item .card-header {
    padding: 0.5rem 1rem;
}

.filter-item .card-body {
    padding: 1rem;
}

    .filter-item .card-body .is-condition {
        max-width: 10rem;
    }

    .filter-item .card-body > *:not(:first-child) {
        margin-top: 0.5rem;
    }

    .filter-item .card-body .select {
        display: block;
    }

.filter-item .card-footer {
    padding: 0.5rem;
    display: flex;
    white-space: nowrap;
}

    .filter-item .card-footer .btn:not(:first-child) {
        margin-left: 0.5rem;
    }

    .filter-item .card-footer .btn {
        padding: 7px 15px;
        font-size: 0.875rem;
        line-height: 12px;
        border: 1px solid #dcdfe6;
        color: #606266;
        transition: border-color .3s linear, color .3s linear;
    }

        .filter-item .card-footer .btn:not(.disabled):not(:disabled):hover {
            border-color: #409eff;
            color: #409eff;
        }

.filter-row {
    display: flex;
}

    .filter-row .btn-ban {
        display: none;
        padding-left: 0;
    }

    .filter-row input {
        min-width: 50px;
    }

    .filter-row.active .btn-ban {
        display: block;
    }

.btn-filter::after {
    content: none;
}
